<!--
 * @Description: file content
 * @Author: Wenmin He
 * @Date: 2021-07-02 13:40:04
 * @LastEditors: Wenmin He
 * @LastEditTime: 2021-07-02 18:47:33
-->
<template>
  <view class="observation-successful">
    <view class="successful-name">
      <view class="title">
        <text>张三</text>
        <text>已完成医学观察</text>
      </view>
      <view class="successful-item">
        <text>登记时间</text>
        <text>2021-06-30 14:09:02</text>
      </view>
      <view class="successful-item">
        <text>登记人员</text>
        <text>王小明</text>
      </view>
    </view>
    <view class="go-home">回到首页</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.observation-successful {
  background: #fff;
  .successful-name {
    height: 414rpx;
    width: 100%;
    text-align: center;
    .title {
      font-size: 44rpx;
      font-weight: 600;
      color: #000000;
      // padding-top: 50rpx;
      height: 222rpx;
      text {
        width: 100%;
        display: block;
      }
      text:nth-child(1) {
        padding-top: 50rpx;
      }
    }
    .successful-item {
      margin: 0 32rpx;
      height: 96rpx;
      line-height: 96rpx;
      display: flex;
      justify-content: space-between;
    }
  }
  .go-home {
    width: 686rpx;
    height: 94rpx;
    line-height: 94rpx;
    background: #ffffff;
    border: 1rpx solid #2c9af1;
    border-radius: 16rpx;
    text-align: center;
    margin: 0 32rpx;
    margin-top: 100rpx;
  }
}
</style>>
